<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/traveldetails.css">
    <link rel="stylesheet" href="lib/swiper/swiper-bundle.css">
    <script src="js/jquery-3.6.0.js"></script>
    <script src="js/setRem.js"></script>
    <script src="js/public.js"></script>
</head>
<body>
    <div class="wrap">
        <div class="fix">
            <header>
                <input type="text" value="搜索旅行地/酒店/景点">
                <p>北京</p>
                <div></div>
            </header>
        </div>  
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="images/夏日海岛.png" alt=""></div>
                <div class="swiper-slide"><img src="images/夏日海岛.png" alt=""></div>
                <div class="swiper-slide"><img src="images/夏日海岛.png" alt=""></div>
                <div class="swiper-slide"><img src="images/夏日海岛.png" alt=""></div>
                <div class="swiper-slide"><img src="images/夏日海岛.png" alt=""></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <section class="lian">
            <ul>
                <li>
                    <img src="images/出境游1.png" alt="">
                </li>
                <li>
                    <img src="images/国内游1.png" alt="">
                </li>
                <li>
                    <img src="images/周边游1.png" alt="">
                </li>
                <li>
                    <img src="images/当地游1.png" alt="">
                </li>
            </ul>
        </section>
        <section class="fengqing">
            <img src="images/风景图片.png" alt="">
        </section>
        <div id="biaoti">
            <img src="images/logo1.png" alt="">
        </div>
        <section id="details">
            <div class="tu">
                <img src="images/img1.png" alt="">
                <h6>
                    曼谷+芭提雅6日5完自由行(4钻)...
                </h6>
                <div>
                    <p>席位充足</p>
                    <p><span>￥3060</span>起</p>
                </div>
            </div>
            <div class="tu">
                <img src="images/img2.png" alt="">
                <h6>
                    美国东西南海岸+夏威夷+波士顿+纽约+华盛顿+拉...
                </h6>
                <div>
                    <p>席位充足</p>
                    <p><span>￥9099</span>起</p>
                </div>
            </div>
            <div class="tu">
                <img src="images/img3.png" alt="">
                <h6>
                    日本东京+大阪7日6晚自由行【美食·购物】
                </h6>
                <div>
                    <p>席位充足</p>
                    <p><span>￥5353</span>起</p>
                </div>
            </div>
            <div class="tu">
                <img src="images/img4.png" alt="">
                <h6>
                    意大利+梵蒂冈+瑞士+法国+维罗纳13日跟团游...
                </h6>
                <div>
                    <p>席位充足</p>
                    <p><span>￥13999</span>起</p>
                </div>
            </div>
            <div class="tu">
                <img src="images/img5.png" alt="">
                <h6>
                    吉普岛6日5万自由行·DIY自由定制，酒店任选海...
                </h6>
                <div>
                    <p>席位充足</p>
                    <p><span>￥1999</span>起</p>
                </div>
            </div>
            <div class="tu">
                <img src="images/img6.png" alt="">
                <h6>
                    澳大利亚悉尼+黄金海岸+墨尔本自由行·11天9晚...
                </h6>
                <div>
                    <p>席位充足</p>
                    <p><span>￥1999</span>起</p>
                </div>
            </div>
        </section>
        <footer id="footer">
            <ul>
                <li>
                    <p class="index"></p>
                    <span>首页</span>
                </li>
                <li>
                    <p class="order"></p>
                    <span>目的地</span>
                </li>
                <li>
                    <p class="hostory"></p>
                    <span>浏览历史</span>
                </li>
                <li>
                    <p class="myself"></p>
                    <span>个人</span>
                </li>
            </ul>
        </footer>
    </div>
    <script src="lib/swiper/swiper-bundle.js"></script>
    <script src="js/index.js"></script>
</body>
</html>